<link rel="stylesheet" href="css/CaseBarHome.css"/>
<link rel="stylesheet" href="css/zqcaseBar_NewCase.css"/>
<link rel="stylesheet" type="text/css" href="css/caseBarParticularsList.css"/>
<link rel="stylesheet" type="text/css" href="css/feedback.css"/>


<style>
    table > td {
        border-top: 0;
        border-right: 1px solid #999;
        border-bottom: 1px solid #999;
        border-left: 0;
    }
    .btn-confirm{
      background: #5dc2ae;
    }
    .btn-confirm:hover{
      background: #5dc2ae;
    }
</style>
<!--最外层的盒子-->
<div class="yb-outside">
    <!--第二部分-->
    <div class="yb-module-two clearfix">
        <!--第二部分主体结构-->
        <div class="yb-module-two-main g-caseDetail">
          <div class="g-caseDetailTop">
            <form class="w5c-form" role="form" w5c-form-validate="validateOptions" novalidate name="caseDetailTopForm">
              <div class="g-caseDetailTitle clearfix" >
                <p class="fl"><i class="icon iconfont icon-xinxi iconColor"></i>案件信息</p>
                <p class="fr g-caseDetailedit" ng-click="editInformationStageShow()" id="gCaseDataLiEdit" ng-hide="typeIf==7">编辑</p>
              </div>
              <div class="g-caseDetailContent clearfix">
                <ul>
                  <li class="fl twoLi" >
                    <span class="fl" ng-show="case.caseClassificationId != 4">案件名称：</span>
                    <span class="fl" ng-show="case.caseClassificationId == 4">项目名称：</span>
                    <div class="gEditStage clearfix">
                      <p class="fl"  ng-hide="editStageShow">{{case.casename}}</p>
                      <input  class="fl fy-inputW " g-caseDetailedit required="" ng-show="editStageShow" type="text" name="casename" ng-model="case.casename">
                    </div>
                  </li>
                  <li class="fl twoLi">
                    <span class="fl" ng-show="case.caseClassificationId != 4">案件编号：</span>
                    <span class="fl" ng-show="case.caseClassificationId == 4">项目编号：</span>
                    <div class="gEditStage clearfix">
                      <p class="fl">{{case.caseCode}}</p>
                    </div>
                  </li>
                  <li class="fl twoLi" ng-if="case.caseClassificationId == 2 || case.caseClassificationId == 3">
                    <span class="fl">业务类型：</span>
                    <div class="gEditStage clearfix">
                      <p class="fl" >{{case.caseBusinessType.typename}}</p>
                      <!--<select class="fl fy-inputW" ng-show="editStageShow" ng-model="case.caseBusinessType" name="caseBusinessType" ng-change="caseTrialLevel()"  w5c-dynamic-element ng-options="x as x.typename for x in typeFirList.data"  >-->
                        <!--<option value="">-&#45;&#45;请选择-&#45;&#45;</option>-->
                      <!--</select>-->
                    </div>
                  </li>
                  <li class="fl twoLi" ng-if="case.caseClassificationId == 2">
                    <span class="fl">委托事项：</span>
                    <div class="gEditStage clearfix">
                      <p class="fl" >{{case.entrustedBusiness.typename }}</p>
                      <!--<select  class="fl fy-inputW" ng-show="editStageShow"  w5c-dynamic-element ng-model="case.entrustedBusiness" name="entrustedBusiness" ng-options="x as x.typename for x in typeSecList.data">-->
                        <!--<option value="">-&#45;&#45;请选择-&#45;&#45;</option>-->
                      <!--</select>-->
                    </div>
                  </li>
                  <li class="fl twoLi">
                    <span class="fl"  ng-show="case.caseClassificationId != 4">案件来源：</span>
                    <span class="fl"  ng-show="case.caseClassificationId == 4">项目来源：</span>
                    <div class="gEditStage clearfix">
                      <p class="fl"  ng-hide="editStageShow">{{caseSource(case.caseOrigin) || '未填写'}}</p>
                      <select  class="fl fy-inputW" ng-show="editStageShow" type="text" ng-model="case.caseOrigin" name="caseOrigin"  ng-options="x.id as x.name for x in source">
                        <option value="">---请选择---</option>
                      </select>
                    </div>
                  </li>
                  <li class="fl twoLi">
                    <span class="fl">创建日期：</span>
                    <div class="gEditStage clearfix">
                      <p class="fl">{{case.createddate}}</p>
                    </div>
                  </li>
                  <li class="fl twoLi" ng-if="case.caseClassificationId == 3">
                    <span class="fl">合同起始日期：</span>
                    <div class="gEditStage clearfix">
                      <p class="fl" ng-hide="editStageShow">{{case.contractStartDate | date:'yyyy-MM-dd'}}</p>
                      <input maxlength="20" type="text" class="fl fy-inputW form_datetime" ng-show="editStageShow" placeholder="点击设置" ng-model="case.contractStartDate"  w5c-dynamic-element name="contractStartDate">
                    </div>
                  </li>
                  <li class="fl twoLi" ng-if="case.caseClassificationId == 3">
                    <span class="fl">合同终止日期：</span>
                    <div class="gEditStage clearfix">
                      <p class="fl"  ng-hide="editStageShow">{{case.contractEndDate | date:'yyyy-MM-dd'}}</p>
                      <input maxlength="20" type="text" class="fl fy-inputW form_datetime" ng-show="editStageShow" placeholder="点击设置" ng-model="case.contractEndDate"  w5c-dynamic-element name="contractEndDate">
                    </div>
                  </li>
                  <li class="fl twoLi">
                    <span class="fl">是否涉外：</span>
                    <div class="gEditStage clearfix">
                      <p class="fl" id="nooryes" ng-hide="editStageShow"  ng-if="case.foreign==1 || case.foreign==2">{{case.foreign==1 ? '是' : '否'}}</p>
                      <p class="fl" id="nooryes" ng-hide="editStageShow" ng-if="case.foreign==null">未填写</p>
                      <select  class="fl fy-inputW" ng-show="editStageShow" type="text" name="foreign"  ng-model="case.foreign" ng-options="x.id as x.name for x in assistance" >
                        <option value="">---请选择---</option>
                      </select>
                    </div>
                  </li>
                  <li class="fl twoLi">
                    <span class="fl">法律援助：</span>
                    <div class="gEditStage clearfix">
                      <p class="fl" ng-hide="editStageShow" ng-if="case.lawSupport==1 || case.lawSupport==2">{{case.lawSupport==1 ? '是' : '否'}}</p>
                      <p class="fl" ng-hide="editStageShow" ng-if="case.lawSupport==null">未填写</p>
                      <select  class="fl fy-inputW" ng-show="editStageShow" type="text" ng-model="case.lawSupport" name="lawSupport"   ng-options="x.id as x.name for x in assistance">
                        <option value="">---请选择---</option>
                      </select>
                    </div>
                  </li>
                  <li class="fl twoLi">
                    <span class="fl"  ng-show="case.caseClassificationId != 4">案件所属：</span>
                    <span class="fl"  ng-show="case.caseClassificationId == 4">项目所属：</span>
                    <div class="gEditStage clearfix">
                      <p class="fl">{{caseThe(case.caseOwner) || '个人办理'}}</p>
                    </div>
                  </li>
                  <li class="fl twoLi">
                    <span class="fl">委托合同金额：</span>
                    <div class="gEditStage clearfix">
                      <p class="fl" ng-hide="editStageShow" id="wmoney">{{(case.entrustedAmount | currency:'￥') || '未填写' }}</p>
                      <input  class="fl fy-inputW" ng-show="editStageShow" type="text" ng-pattern="/^[\+]?\d*?\.?\d{0,2}$/" ng-maxlength="11" ng-model="case.entrustedAmount" name="entrustedAmount">
                    </div>
                  </li>
                  <!--<li class="fl">
                    <span class="fl">合同附件：</span>
                    <p class="fl">委托合同附件.pdf | 委托合同附件1.pdf</p>
                  </li>-->
                  <li class="fl" style="width: 100%" ng-if="case.caseClassificationId == 4">
                    <span class="fl">项目概述：</span>
                    <div class="gEditStage clearfix" style="margin-bottom:8px">
                      <p class="fl" ng-hide="editStageShow || editStageShowSummary" >{{case.summary.length>200 ? case.summary.substring(0,199)+'...' : case.summary || '未填写'}}</p>
                      <p class="fl" ng-hide="editStageShow || !editStageShowSummary" >{{case.summary || '未填写'}}</p>
                      <textarea style="width: 100%" ng-show="editStageShow" name="summary1" maxlength="400" ng-maxlength="400" id="" cols="30" rows="6" ng-model="case.summary"></textarea>
                    </div>
                    <div class="gMore" ng-hide="editStageShow || case.summary.length<200 || !case.summary" ng-click="editStageShowSummary = !editStageShowSummary">
                      <i ng-if="!editStageShowSummary">查看更多 >></i>
                      <i ng-if="editStageShowSummary">收起
                        <!--<i class="glyphicon glyphicon-menu-up floatR" STYLE="float:right"></i>-->
                      </i>
                    </div>



                    <!--<div class="gEditStage clearfix">-->
                      <!--<p class="fl g-intercept" ng-hide="editStageShow || editStageShowSummary" >{{case.summary.length>200 ? case.summary.substring(0,199)+'...' : case.summary || '未填写'}}</p>-->
                      <!--<p class="fl g-intercept" ng-hide="editStageShow || !editStageShowSummary" >{{case.summary || '未填写'}}</p>-->
                      <!--<textarea style="width: 100%; margin-bottom:10px" ng-show="editStageShow" name="" cols="30" rows="6" maxlength="400" ng-maxlength="400" name="summary"  w5c-dynamic-element ng-model="case.summary"></textarea>-->
                    <!--</div>-->
                    <!--<div class="gMore" ng-hide="editIitigationShow || case.summary.length<200 || !case.summary" ng-click="editStageShowSummary = !editStageShowSummary">-->
                      <!--<i ng-if="!editStageShowSummary">查看更多 >></i>-->
                      <!--<i ng-if="editStageShowSummary">收起-->
                        <!--&lt;!&ndash;<i class="glyphicon glyphicon-menu-up floatR" STYLE="float:right"></i>&ndash;&gt;-->
                      <!--</i>-->
                    <!--</div>-->
                  </li>
                  <li class="fl" style="width: 100%">
                    <span class="fl">备注：</span>
                    <div class="gEditStage clearfix">
                      <p class="fl"  ng-hide="editStageShow || editStageShowRemark">{{case.remark.length>200 ? case.remark.substring(0,199)+'...' : case.remark || '未填写'}}</p>
                      <p class="fl"  ng-hide="editStageShow || !editStageShowRemark">{{case.remark || '未填写'}}</p>
                      <textarea style="width: 100%" ng-show="editStageShow" name="remark" maxlength="400" ng-maxlength="400" cols="30" rows="6" ng-model="case.remark"></textarea>
                    </div>
                    <div class="gMore" ng-hide="editStageShow || case.remark.length<200 || !case.remark" ng-click="editStageShowRemark = !editStageShowRemark">
                      <i ng-if="!editStageShowRemark">查看更多 >></i>
                      <i ng-if="editStageShowRemark">收起
                        <!--<i class="glyphicon glyphicon-menu-up floatR" STYLE="float:right"></i>-->
                      </i>
                    </div>
                    <div class="gEditStage" ng-show="editStageShow">
                      <button type="button" class="fy-btn cancel" ng-click="editInformationStageHide()">取消</button>
                      <button type="button" class="btn fy-btn determine" w5c-form-submit="editCaseContent(1)">确定</button>
                    </div>
                  </li>
                </ul>
              </div>
            </form>
          </div>
          <div class="g-caseDetailBottom" ng-show="case.caseClassificationId == 1">
            <form class="w5c-form" role="form" w5c-form-validate="validateOptions" novalidate name="g-caseDetailBottomForm">
              <div class="g-caseDetailTitle clearfix" >
                <p class="fl"><i class="icon iconfont icon-xinxi iconColor"></i>诉讼信息</p>
                <p class="fr g-caseDetailedit gCaseDataLiEdit" ng-click="editIitigationStageShow()" ng-hide="typeIf==7">编辑</p>
              </div>
              <div class="g-caseDetailContent clearfix">
                <ul>
                  <li class="fl twoLi">
                    <span class="fl">案件类型：</span>
                    <div class="gEditStage clearfix">
                      <p class="fl"  >{{caseType(case.caseClassificationId)}}</p>
                    </div>
                  </li>
                  <li class="fl twoLi">
                    <span class="fl">审级：</span>
                    <div class="gEditStage clearfix">
                      <p class="fl" >{{case.caseBusiness.casebusinessname}}</p>
                    </div>
                  </li>
                  <li class="fl twoLi">
                    <span class="fl">案由：</span>
                    <div class="gEditStage clearfix">
                     <p class="fl" >{{case.casecause.casecausename}}</p>
                    </div>
                  </li>
                  <li class="fl twoLi">
                    <span class="fl">委托人：</span>
                    <div class="gEditStage clearfix">
                      <p class="fl">{{caseClients[0].caseclientname}}</p>
                    </div>
                  </li>
                  <li class="fl twoLi">
                    <span class="fl">审理法院：</span>
                    <div class="gEditStage clearfix" id="courtWith">
                      <p class="fl" ng-hide="editIitigationShow" >{{case.court.courtname || '未填写'}}</p>
                      <input class="fl fy-inputW" type="text" ng-show="editIitigationShow" ng-change="getCourtList()" placeholder="请输入名称检索" name="court" ng-model="case.court" uib-typeahead="state as state.courtname for state in courts" class="form-control" autocomplete="off">

                    </div>
                  </li>
                  <li class="fl twoLi">
                    <span class="fl">标的金额：</span>
                    <div class="gEditStage clearfix">
                      <p class="fl" ng-hide="editIitigationShow" id="tenderingAmount">{{(case.tenderingAmount | currency:'￥') || '未填写'}}</p>
                      <input  class="fl fy-inputW" ng-show="editIitigationShow" ng-maxlength="11" name="tenderingAmount" ng-pattern="/^(\d)*$/" type="text" ng-model="case.tenderingAmount">
                    </div>
                  </li>
                  <li class="fl twoLi">
                    <span class="fl">法官：</span>
                    <div class="gEditStage clearfix">
                      <p class="fl" ng-hide="editIitigationShow" >{{caseJudgesList[0].judgename  || '未填写'}}</p>
                      <input  class="fl fy-inputW" ng-show="editIitigationShow" type="text" name="judgename" ng-model="caseJudgesList[0].judgename">
                    </div>
                  </li>
                  <li class="fl" style="width: 100%">
                    <span class="fl">案件概述：</span>
                    <div class="gEditStage clearfix" style="margin-bottom:8px">
                      <p class="fl" ng-hide="editIitigationShow || editStageShowSummary" >{{case.summary.length>200 ? case.summary.substring(0,199)+'...' : case.summary || '未填写'}}</p>
                      <p class="fl" ng-hide="editIitigationShow || !editStageShowSummary" >{{case.summary || '未填写'}}</p>
                      <textarea style="width: 100%" ng-show="editIitigationShow" name="summary1" maxlength="400" ng-maxlength="400" id="" cols="30" rows="6" ng-model="case.summary"></textarea>
                    </div>
                    <div class="gMore" ng-hide="editIitigationShow || case.summary.length<200 || !case.summary" ng-click="editStageShowSummary = !editStageShowSummary">
                      <i ng-if="!editStageShowSummary">查看更多 >></i>
                      <i ng-if="editStageShowSummary">收起
                        <!--<i class="glyphicon glyphicon-menu-up floatR" STYLE="float:right"></i>-->
                      </i>
                    </div>
                  </li>
                  <li class="fl" style="width: 100%">
                    <span class="fl">诉讼请求：</span>
                    <div class="gEditStage clearfix">
                     <p class="fl" ng-hide="editIitigationShow || editStageShowDemand" >{{case.demand.length>200 ? case.demand.substring(0,199)+'...' : case.demand || '未填写'}}</p>
                     <p class="fl" ng-hide="editIitigationShow || !editStageShowDemand" >{{case.demand || '未填写'}}</p>
                      <textarea style="width: 100%" ng-show="editIitigationShow" name="demand" maxlength="400" ng-maxlength="400" cols="30" rows="6" ng-model="case.demand"></textarea>
                    </div>
                    <div class="gMore" ng-hide="editIitigationShow || case.demand.length<200 || !case.demand" ng-click="editStageShowDemand = !editStageShowDemand">
                      <i ng-if="!editStageShowDemand">查看更多 >></i>
                      <i ng-if="editStageShowDemand">收起
                        <!--<i class="glyphicon glyphicon-menu-up floatR" STYLE="float:right"></i>-->
                      </i>
                    </div>
                    <div class="gEditStage" ng-show="editIitigationShow">
                      <button type="button" class="fy-btn cancel" ng-click="editIitigationStageHide()">取消</button>
                      <button type="button" class="btn fy-btn determine" w5c-form-submit="editCaseContent(2)">确定</button>
                    </div>
                  </li>
                </ul>
              </div>
            </form>
          </div>
        </div>
    </div>

    <!--第三部分-->
    <div style="margin-top: 10px; width: 100%;background: #fff;display: none">
        <!--第三部分主体结构-->
        <div style="margin-left: 40px;margin-right: 40px;">
            <div class="textBox ajtextBox" ng-bind-html="case.summary" style="background: red">

            </div>
            <div class="textareaAndSaveBox ajtextareaAndSaveBox hide">
                <div>
                    <!--<textarea maxlength="200" ng-model="case.summary" class="form-control" rows="4"
                              placeholder="案件请求(200字以内)"></textarea>-->
                    <div id="mCaseCompile" style="height:150px;max-height:150px;"   ng-bind-html="case.summary">
                      <!--  <p>案件请求(200字以内)</p>-->
                    </div>
                </div>
                <div style="margin-top: 20px;">
                    <!-- Indicates a successful or positive action -->
                    <button type="button" id="casesaveid" ng-click="updateSummarize()" class="btn btn-success"
                            style="width: 100px;">保存
                    </button>
                    <!-- Standard button -->
                    <button type="button" class="btn    ajCancelBtn" style="width: 100px;">取消</button>
                </div>
            </div>

            <div class="BJFather ssBJFather" style="margin-top: 20px;">
                <span><b>诉讼请求</b></span>

                <span class="pull-right" id="btn-case-decond" style="margin-left: 20px"><b class="clickBJ ssclickBJ">编辑</b></span>

                <span class="pull-right" id="mCaseLawsuitText"></span>
            </div>
            <div class="textBox sstextBox" ng-bind-html="case.demand">

            </div>

            <!--诉讼请求-->
            <div class="textareaAndSaveBox sstextareaAndSaveBox hide">
                <div>
                   <!-- <textarea maxlength="200" class="form-control" rows="4"
                              ng-model="case.demand" placeholder="诉讼请求(200字以内)"></textarea>-->
                    <!--用当前元素来控制高度-->
                    <div id="mCaseLawsuit" style="height:150px;max-height:150px;" ng-bind-html="case.demand">
                        <p>诉讼请求(200字以内)</p>
                    </div>
                </div>
                <div style="margin-top: 20px;">
                    <!-- Indicates a successful or positive action -->
                    <button type="button" id="demand-save-id" class="btn btn-success" ng-click="updateClaims()" style="width: 100px;">保存
                    </button>
                    <!-- Standard button -->
                    <button type="button" class="btn ssCancelBtn" style="width: 100px;">取消</button>
                </div>
            </div>
        </div>
    </div>

    <!--第四部分-->
    <!--<div class="yb-module-four" style="min-height: 330px;position: relative;">
        &lt;!&ndash;第三部分主体结构&ndash;&gt;
        <div style="background: #ffffff;">
            <div style="width: 100%;height: 40px; border-bottom: 1px solid #f2f2f2;">
                <span class="pull-left yb-plan2-content">关注的案例</span>
            </div>
        </div>
        &lt;!&ndash;暂无关注案例图片&ndash;&gt;
        <div>
          <img src="img/z-nonews.png" alt="" style="width:120px;height: 114px;position: absolute;left:50%;top:50%;margin-left:-60px;margin-top: -50px;"/>
          <p style="position: absolute;left:50%;top:75%;margin-left:-50px;font-size: 16px;color:#333;">暂无关注的案例</p>
        </div>
          <div >
            <div style="padding: 20px;background: #fff;">
              <div class="right-detail yb-message-div1" ng-repeat="x in correlation">
                &lt;!&ndash;<a style="color:black;">&ndash;&gt;
                <div class="pull-left" style="display: block;margin-left: 10px;" ng-click="gocaseBarDeailAnliDetailController(x.id)">
									        <span class="right-title">
										        <b id="ss" ng-bind-html="x.title"></b>
                          </span>
                  <br/>
                  <div style="margin-top: 10px;">
                    <button type="button" class="btn btn-danger btn-xs Aj-type" style="width: 50px;height: 20px;background: #d5d5d5;border:none ">民事
                    </button>
                    <button type="button" class="btn btn-primary btn-xs Aj-type"  style="width: 50px;height: 20px;background: #d5d5d5;border:none ">二审
                    </button>
                    <span ng-bind-html="x.courtName+x.caseNumber"></span>
                  </div>
                </div>
                &lt;!&ndash;</a>&ndash;&gt;
                <div class="pull-right">
                  <button style="background: #fac102" type="button" class="btn  btn-sm" id="{{x.id}}a"
                          ng-click="Enshrine(x.id,x.title)">
                    <span style="color: #ffffff">已关注</span><img class="download-img" id="{{x.id}}"
                                                                src="img/whitestar.png"/>
                  </button>

                  <a href="http://59.110.64.34:8088/solr/getWordFile?id={{x.id}}" target="_blank">
                    <button type="button" class="btn    btn-sm" style="border: 1px solid #d2d2d2">
                      <span style="color: #abb7be"> 下载</span><img class="download-img"
                                                                  src="img/download.png"/>
                    </button>
                  </a>

                </div>

                <div class="pull-left" style="width: 100%;display: none;">
                  <p class="Aj-result">裁判结果</p>
                  <span class="Aj-des" ng-bind-html="x.courtOpinion"></span>
                </div>
                <div class="right-detail-line pull-left" style="margin-left: 10px; width: 99.5%;" ></div>
              </div>
            </div>
          </div>

            <div class="clear" ng-show="CabeMyshow">
              <div class="pagCenter" style="display: none;">
                <a href="javascript:void(0);">查看全部 <span>299</span>条判例 </a>
              </div>
            </div>
        </div>-->
    <!--</div>-->

   <!-- 确认的模态框-->
    <div class="modal fade" id="myBarrister" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        ×
                    </button>

                    <!--标题-->
                    <h4 class="modal-title" id="myModalLabel" style="text-align: center">
                        {{mReminderheadline}}
                    </h4>
                </div>
                <!--内容-->
                <div class="modal-body">
                   <P ng-bind-html="mRemindertxt"></P>
                </div>
                <div class="modal-footer" style="text-align: center">
                    <button type="button" class="btn   " data-dismiss="modal">确定
                    </button>
                </div>
            </div>
        </div>
    </div>

</div>


<!--案由-->
<div class="modal fade" id="caseReasonMyModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
        <div class="modal-body" style="height:500px">
          <div class="L_caseReasonCpm" ng-show="caseBarR.caseBarReason">
            <!--<div class="L_caseReason"></div>-->
            <div class="L_caseReasonContent" du-scroll-container>
              <div class="L_caseReasonTitle">
                <p class="L_titleLeft" ng-bind-html="caseReasonList.casecausename">  案由解析</p>
                <p class="L_titleRight" data-dismiss="modal" ng-click="caseBarClose()">
                  <img src="../../img/closeWindow.png" alt="">
                </p>
              </div>
              <div id="sideCatalog" class="L_caseReasonLeft sideCatalog" style="visibility: visible;">
                <div class="side-catalog">
                  <div class="side-bar"></div>
                  <!--导航-->
                  <div class="catalog-scroller">
                    <dl class="catalog-list">
                      <dt class="catalog-title level1 active" offset="70" duration="1000" du-smooth-scroll="parent_1" du-scrollspy>
                        <em class="pointer active" offset="70" duration="1000" du-smooth-scroll="parent_1" du-scrollspy></em>
                        <span class="text active">
                <!--<span class="title-index">1</span>-->
                <a class="title-link active" offset="70" duration="1000" du-smooth-scroll="parent_1" du-scrollspy>释义</a>
              </span>
                      </dt>

                      <dt class="catalog-title level1" offset="70" duration="1000" du-smooth-scroll="parent_2" du-scrollspy>
                        <em class="pointer" offset="70" duration="1000" du-smooth-scroll="parent_2" du-scrollspy></em>
                        <span class="text" offset="70" duration="1000" du-smooth-scroll="parent_2" du-scrollspy>
                <!--<span class="title-index">2</span>-->
                <a class="title-link" offset="70" duration="1000" du-smooth-scroll="parent_2" du-scrollspy>法律适用</a>
              </span>
                      </dt>

                      <dt class="catalog-title level1" offset="70" duration="1000" du-smooth-scroll="parent_3" du-scrollspy>
                        <em class="pointer" offset="70" duration="1000" du-smooth-scroll="parent_3" du-scrollspy></em>
                        <span class="text" offset="70" duration="1000" du-smooth-scroll="parent_3" du-scrollspy>
                <!--<span class="title-index">3</span>-->
                <a class="title-link"  offset="70" duration="1000" du-smooth-scroll="parent_3" du-scrollspy>管辖</a>
              </span>
                      </dt>

                      <dt class="catalog-title level1" offset="70" duration="1000" du-smooth-scroll="parent_4" du-scrollspy>
                        <em class="pointer" offset="70" duration="1000" du-smooth-scroll="parent_4" du-scrollspy></em>
                        <span class="text" offset="70" duration="1000" du-smooth-scroll="parent_4" du-scrollspy>
                <!--<span class="title-index">4</span>-->
                <a class="title-link" offset="70" duration="1000" du-smooth-scroll="parent_4" du-scrollspy>注意事项</a>
              </span>
                      </dt>
                    </dl>
                    <div class="scroll-bar" style="display: none;">
                      <span></span>
                    </div>
                  </div>
                </div>
              </div>

              <div class="L_caseReasonRight wt-scroll" >
                <section class="L_RightExplain"  id="parent_1">释义
                  <div class="L_RightExplainCon">
                    <p ng-bind-html="caseReasonList.explanation"></p>
                  </div>
                </section>
                <section class="L_RightLaw"  id="parent_2">法律适用
                  <div class="L_RightLawCon">
                    <p ng-bind-html="caseReasonList.application"></p>
                  </div>
                </section>
                <section class="L_RightMoment" id="parent_3">管辖
                  <div class="L_RightMomentCon">
                    <p ng-bind-html="caseReasonList.jurisdiction"></p>
                  </div>
                </section>
                <section class="L_RightMatter" id="parent_4">注意事项
                  <div class="L_RightMatterCon">
                    <p ng-bind-html="caseReasonList.attentions"></p>
                  </div>
                </section>
              </div>
            </div>

          </div>
        </div>
    </div>
  </div>
</div>

<script>
    $(window).ready(function () {

        /*==========新增原告人员弹出框=======*/
        $(".addin1").on("click", function () {
            $(".L_peplAddBox2").removeClass("hide");
        });
        /*==========新增被告人员弹出框=======*/
        $(".addin").on("click", function () {
            $(".L_peplAddBox").removeClass("hide");
        });
        /*==========关闭 新增人员弹出框=====*/
        $(".Add-close").on("click", function () {
            $(this).parent(".peplAddBox").addClass("hide");
            $(this).parent(".peplAddBox2").addClass("hide");
            $(".L_peplAddBox").addClass("hide");
        });
        /*==========取消 新增人员弹出框=====*/
        $(".Add-cancel").on("click", function () {
          $(".L_peplAddBox").addClass("hide");
          $(".L_peplAddBox2").addClass("hide");
        });

        /*=======个人和公司切换=====*/
        $(".addpeople").on("click", function () {
            var i = $(this).index();
            $(this).addClass("active").siblings().removeClass("active");
            $(this).find("img").attr("src", "img/pepleactiveicon.png");
            $(this).siblings().find("img").attr("src", "img/companyicon.png");
            $(this).parent(".eplAddUl").siblings(".eplAddbody ").find(".eplAddDivli").addClass("hide");
            $(this).parent(".eplAddUl").siblings(".eplAddbody").find(".eplAddDivli").eq(i).removeClass("hide");
        });
        $(".addcompany").on("click", function () {
            var i = $(this).index();
            $(this).addClass("active").siblings().removeClass("active");
            $(this).find("img").attr("src", "img/companyactiveicon.png");
            $(this).siblings().find("img").attr("src", "img/pepleicon.png");
            $(this).parent(".eplAddUl").siblings(".eplAddbody ").find(".eplAddDivli").addClass("hide");
            $(this).parent(".eplAddUl").siblings(".eplAddbody").find(".eplAddDivli").eq(i).removeClass("hide");
        });

        /*======直接选择和添加切换=====*/
        $(".eplAddDivliUl li").on("click", function () {
            var i = $(this).index();
            $(this).addClass("active").siblings().removeClass("active");
            $(this).parent(".eplAddDivliUl").siblings(".eplAddDivDiv").find(".eplAddDivliIn").addClass("hide");
            $(this).parent(".eplAddDivliUl").siblings(".eplAddDivDiv").find(".eplAddDivliIn").eq(i).removeClass("hide");
        });

        /*=====添加律师成员=======*/
        $(".LawyerList li").on("click", function () {
            var i = $(this).index();
            $(this).addClass("active").siblings().removeClass("active");
            $(this).parent().siblings(".LawyerDiv").find(".Lawyerbox").addClass("hide");
            $(this).parent().siblings(".LawyerDiv").find(".Lawyerbox").eq(i).removeClass("hide");
        });


        $(".LawyerAddBody-xia .Add-close").on("click", function () {
            $(".LawyerAddBody-xia").addClass("hide");
        })

    })

</script>
